#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	 
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../images/loading.gif') center no-repeat;
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 53px;
	height: 53px;
	cursor: pointer;
	background:url('../images/close.png') no-repeat 50% 50%;  
}
#zoom .close:hover{
	background:url(../images/close2.png) no-repeat 50% 50%;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 70px;
	margin-top: -25px;
}
#zoom .previous {
	left: 5%;
	background: url('../images/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .previous:hover{
	background:url(../images/arrows2.png) no-repeat 0 0;
}
#zoom .next {
	right: 5%;
	background: url('../images/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
} 
#zoom .next:hover {
	background:url(../images/arrows2.png) no-repeat 100% 0;
}